Below are some use scenarios of the 6 spell checker components supplied, please refer to the API documentation for additional detail. These examples are from C# pages, however because they are tag based most of them are the same for VB.NET (please see the example Visual Studio projects for more code).
To use RapidSpell Web to spell check a web page in popup mode, create a page holding the RapidSpellWeb Control, then add the RapidSpellWebLauncher Control to your existing page with the text element you want checked, referencing the page you created with RapidSpellWeb in the RapidSpellWebPage property.
Example, note this code is highly simplistic for demonstration purposes.
Page containing the RapidSpellWeb control
<%@ Page Language="C#" %> <%@ Register TagPrefix="RapidSpellWeb" Namespace="Keyoti.RapidSpell" Assembly="Keyoti.RapidSpellWeb" %> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> <html><head> <title>Spell Check</title> <style type="text/css"> body{overflow:hidden; font-family: sans-serif, arial, helvetica; } div{height:100%;} #rsw_documentTextPanel { border: 1px solid #aaa; border-radius: 3px; } #rsw_word, #suggestions { border: 1px solid #aaa; border-top-color: #a0a0a0; } #rsw_optionsDialog { font-size:.80em; display: none; position: absolute; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; left: 0; right: 0; top: 0; bottom: 0; width: 295px; height: 230px; z-index: 101; background-color: white; border: 1px solid #444; border-radius: 5px; padding: 8px; } #rsw_optionsDialog_Backing { display: none; position: absolute; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(100,100,100,.60); z-index: 100; } #rsw_optionsDialog > label { display: block; padding-bottom: 12px; } #rsw_optionsDialog > input { margin-right: 9px; margin-top:12px; } #rsw_optionsHeader { font-size: 1.2em; border-bottom: 1px solid #aaa; } </style> </head> <body> <center> <form runat=server id="Form1" method="post"> <RapidSpellWeb:RapidSpellWeb id="rapidSpellWeb" runat="server"/> </form> </center> </body> </html>
Page containing the RapidSpellWebLauncher control, where the text element to be checked is.
<%@ Page Language="C#"%> <%@ Register TagPrefix="RapidSpellWeb" Namespace="Keyoti.RapidSpell" Assembly="Keyoti.RapidSpellWeb" %> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> <HTML> <BODY > <form runat=server id=Form1 method=post> <asp:textbox id="TextBox1" runat="server" Font-Size="9pt" Font-Names="Arial" Height="220px" Width="469px" TextMode="MultiLine" Columns="60" Rows="14"></asp:textbox> <rapidspellweb:rapidspellweblauncher id="RapidSpellWebLauncher1" runat="server" RapidSpellWebPage="PopUp.aspx" TextComponentName="TextBox1" > </rapidspellweb:rapidspellweblauncher> </form> </body> </HTML>
The main page uses the control RapidSpellWebLauncher to create the check spelling button, it's properties specify which form element to check (TextComponentName), the URL of the page containing the RapidSpellWeb control (RapidSpellWebPage) and the mode (Mode). RapidSpellWebPage can be a relative or absolute URL (please note if you have FriendlyURLs enabled, do not specify the file extension in the RapidSpellWebPage property).
There are several options available to the user via the "Options..." button in the dialog. Any changes to these options will override any settings specified in code. To disable the user options button (and any settings specified by the user), set the EnableOptions property in RapidSpellWebLauncher to false.
User options are stored in browser cookies and are not transferable to other devices as-is.